﻿<%@ Page Language="C#" AutoEventWireup="true"
    Inherits="Pages_Reservations_EmailConfirmation" 
    ValidateRequest="false" Codebehind="EmailConfirmation.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript" src="/js/jquery.min.js"></script>

    <script src="/tiny_mce/jquery.tinymce.js" type="text/javascript"></script>

    <link href="/tiny_mce/themes/advanced/skins/default/ui.css" rel="Stylesheet" type="text/css" />
    <link href="/tiny_mce/plugins/inlinepopups/skins/clearlooks2/window.css" rel="Stylesheet"
        type="text/css" />

    <script type="text/javascript">

        $(document).ready(function () {
            LoadMCE();
        });

        function LoadMCE() {
            $('textarea.tinymce').tinymce({
                remove_script_host: false,
                convert_urls: false,
                paste_auto_cleanup_on_paste: false,
                mode: "exact",
                elements: "txt_Detail,contactinfo,signature",
                // Location of TinyMCE script
                script_url: '/tiny_mce/tiny_mce.js',

                // General options
                height: 0,
                theme: "advanced",
                skin: "o2k7",
                skin_variant: "silver",
                language: "en",

                plugins: "ccSimpleUploader,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

                // Theme options
                theme_advanced_buttons1: "bold,italic,underline,|,forecolor,backcolor,fontselect,fontsizeselect,|,emotions,|,outdent,indent,|,undo,redo,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink,code",
                theme_advanced_buttons2: "",
                theme_advanced_buttons3: "",
                theme_advanced_buttons4: "",
                theme_advanced_toolbar_location: "top",
                theme_advanced_toolbar_align: "left",

                relative_urls: false,
                file_browser_callback: "ccSimpleUploader",
                plugin_ccSimpleUploader_upload_path: '/tinymce/uploads/',
                plugin_ccSimpleUploader_upload_substitute_path: '/tinymce/uploads/',

                // Example content CSS (should be your site CSS)
                content_css: "/tiny_mce/themes/advanced/skins/o2k7/content.css",

                // Style formats 
                style_formats: [
                    { title: 'Bold text', inline: 'b' },
                    { title: 'Red text', inline: 'span', styles: { color: '#ff0000'} },
                    { title: 'Red header', block: 'h1', styles: { color: '#ff0000'} },
                    { title: 'Example 1', inline: 'span', classes: 'example1' },
                    { title: 'Example 2', inline: 'span', classes: 'example2' },
                    { title: 'Table styles' },
                    { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }
                ],

                // Drop lists for link/image/media/template dialogs
                template_external_list_url: "lists/template_list.js",
                external_link_list_url: "lists/link_list.js",
                external_image_list_url: "lists/image_list.js",
                media_external_list_url: "lists/media_list.js",

                // Replace values for the template plugin
                template_replace_values: {
                    username: "Some User",
                    staffid: "991234"
                },
                save_onsavecallback: void(0),
                save_oncancelcallback: void(0)
            });
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <table style="width: 80%">
        <tr>
            <td colspan="2">
                <asp:Button ID="btnSend" runat="server" OnClick="SendEmail" Text="Send email" OnClientClick="tinyMCE.triggerSave(false,true);" />
            </td>
        </tr>
        <tr>
            <td style="width: 36px">
                To:
            </td>
            <td>
                <asp:TextBox ID="txtTo" runat="server" Style="width: 100%" />
            </td>
        </tr>
        <tr>
            <td>
                Cc:
            </td>
            <td>
                <asp:TextBox ID="txtCc" runat="server" Style="width: 100%" />
            </td>
        </tr>
        <tr>
            <td>
                Subject:
            </td>
            <td>
                <asp:TextBox ID="txtSubject" runat="server" Style="width: 100%" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <textarea id="elm1" name="elm1" rows="35" cols="80" style="width: 100%" class="tinymce"
                    runat="server"></textarea>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
